<!DOCTYPE html>
<html lang="zh">
<head>
    <th:block th:include="include :: header('API')" />
</head>
<body class="gray-bg">
<div class="row wrapper wrapper-content animated fadeInRight">

    <div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>生成付款申请单</h5>
            </div>
            <div class="ibox-content">
                <p>
                    根据T100排款单数据调用合思创建付款申请单接口
                </p>
                <button type="button" id="createDoc" class="btn btn-primary">调用</button>
            </div>
        </div>
    </div>

    <!--<div class="col-sm-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>生成付款申请单</h5>
            </div>
            <div class="ibox-content">
                <p>
                    根据T100排款单数据调用合思创建付款申请单接口
                </p>
                <button type="button" class="btn btn-primary">调用</button>
            </div>
        </div>
    </div>-->
</div>
<!--&lt;!&ndash; 模态框HTML &ndash;&gt;-->
<!--<div id="loadingModal" class="modal" tabindex="-1" role="dialog">-->
    <!--<div class="modal-dialog" role="document">-->
        <!--<div class="modal-content">-->
            <!--<div class="modal-body">-->
                <!--<p>加载中...</p>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->

<th:block th:include="include :: footer" />
</body>
<script th:inline="javascript">
    /*function callApi() {
        $.ajax({
            url: '/api/createDoc', // 注意这里的表达式语言用法，它会根据应用的上下文路径自动调整URL。
            type: 'GET',
            success: function(response) {
                console.log(response);
            }: function (err) {
                const.log('错误');
            }
        });
    }*/
    $("#createDoc").click(function(){
        $.modal.loading("加载中");
        // $('#loadingModal').modal('show',3000);

        // // 设置定时器，3秒后自动隐藏
        // setTimeout(function() {
        //     // 这里的隐藏只是为了确保模态框至少显示3秒，具体请求结束后才真正隐藏
        // }, 3000); // 3000 毫秒 = 3秒

        $.ajax({
            url: '/api/createDoc', // API请求路径
            type: 'GET',
            async: false,
            success: function(response) {
                $.modal.closeLoading();
                $.modal.alertSuccess(response.message)

            },
            error: function (err) {
                // 隐藏加载中提示
                $.modal.closeLoading();
                $.modal.alertError(err.message)
            }
    });

        var btn = $(this);
        btn.prop('disabled',true);
        // 设置 10 秒后恢复按钮可点击
        setTimeout(function() {
            btn.prop('disabled', false);  // 恢复按钮可点击
        }, 10000);  // 10秒（10000 毫秒）后执行
    })

</script>
</html>